﻿<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

    <!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>复仇者联盟</title>
	<meta name="description" content="Free Html5 Templates and Free Responsive Themes Designed by Kimmy | zerotheme.com">
	<meta name="author" content="www.zerotheme.com">
	
    <!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
	
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
	<![endif]-->
	
	<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
    
</head>
<body>
<!--------------Header--------------->
<header> 
	<div class="wrap-header">
		<div id="logo"><a href="#"><img src="./images/logo.png"/></a></div>
		<!-- <div id="search">
			<div class="button-search"></div>
			<input type="text" value="Search..." onFocus="if (this.value == &#39;Search...&#39;) {this.value = &#39;&#39;;}" onBlur="if (this.value == &#39;&#39;) {this.value = &#39;Search...&#39;;}"> -->
		</div>
	</div>
</header>
<!--------------Navigation--------------->
<nav>
	<div class="wrap-nav">
		<ul>
			<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;复仇者联盟</a></li>
			<!-- <li><a href="#">Blog</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Contact</a></li> -->
		</ul>
	</div>
</nav>

<!--------------Featured--------------->
<div class="featured">
	<div class="col-1-3">
		<img src="images/featured1.jpg"/>
	</div>
	<div class="col-1-3 center">
		<img src="images/featured2.jpg"/>
	</div>
	<div class="col-1-3">
		<img src="images/featured3.jpg"/>
	</div>
	<div class="clear"></div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>

<!--------------Content--------------->
<section id="content">
	<div id="main-content">
		<article>
			<div class="heading">
				<h2><a href="#">复仇者联盟简介</a></h2>
			</div>
			<div class="content">
				<img src="images/img1.jpg"/>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;复仇者联盟（Avengers）是美国漫威漫画旗下超级英雄团队，初次登场于《复仇者联盟》第1期（1963年9月），由编剧斯坦·李和画家杰克·科比联合创造，被称为是“地球上最强超级英雄组合”。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创始人为钢铁侠、雷神托尔、绿巨人、蚁人和黄蜂侠。从一开始复仇者联盟的成员名单便不断的变动，第二期绿巨人就离队，改由美国队长加入。不断更改的成员名单已成为复仇者联盟的特点，但一个主题从未变过，那就是专与单一超级英雄无法应付的敌人作战，也是他们著名战斗口号“复仇者，集合！”（Avengers Assemble）的由来。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;复仇者联盟的成员包括人类、机器人、神、外星人、灵异生物，甚至还有改过自新的反派。虽然作风不同，甚至因此常造成内部纷争，但他们总能团结成为一个互补的战队，打击特别强大的恶势力。</p>
				<!-- <div class="info">Posted by Admin | December 01, 2012 | 01 Commnets <div class="more"><a class="button" href="#">Read more</a></div></div> -->
			</div>
		</article>
		<article>
			<div class="heading">
				<h2><a href="#">《复仇者联盟1》</a></h2>
			</div>
			<div class="content">
				<img src="images/img2.jpg"/>
				<p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一股突如其来的强大邪恶势力对地球造成致命威胁，没有任何一个超级英雄能够单独抵挡。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长期致力于保护全球安危的神盾局感到措手不及，其指挥官“独眼侠”尼克·弗瑞意识到他必须创建一个“史上最强”的联盟组织，云集各方超级英雄一起发威，才能拯救世界于水深火热，抵御黑暗势力的侵袭。</p>
				<!-- <div class="info">Posted by Admin | December 01, 2012 | 01 Commnets <div class="more"><a class="button" href="#">Read more</a></div></div> -->
			</div>
		</article>
		<article>
			<div class="heading">
				<h2><a href="#">《复仇者联盟2：奥创纪元》</a></h2>
			</div>
			<div class="content">
				<img src="images/img3.jpg"/>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经百战的超级英雄们产生了职业倦怠，已经卸下钢铁战甲的托尼·斯塔克因此发明了“奥创”——有自我识、有学习能力的人工智能机器人，并将指挥机器人军团的重任交给奥创。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;令超级英雄们始料不及的是，不断进化的奥创得出了“人类是地球上最大的威胁”这一结论，进而开始实施清洗人类的毁灭计划。有强大能力的改造人兄妹快银和猩红女巫也成为奥创的帮手，四处制造麻烦。复仇者联盟必须再度集合，解决这个由他们亲手制造的危机。</p>
				<!-- <div class="info">Posted by Admin | December 01, 2012 | 01 Commnets <div class="more"><a class="button" href="#">Read more</a></div></div> -->
			</div>
		</article>
		<article>
			<div class="heading">
				<h2><a href="#">《复仇者联盟3：无限战争》</a></h2>
			</div>
			<div class="content">
				<img src="images/img4.jpg"/>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;银河系中的至尊霸主灭霸带着几个得力手下洗劫了全宇宙，只为了将所有的无限宝石镶嵌于金属手套上，这个手套可以将整个银河系毁灭于弹指间。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了拯救宇宙，托尼·斯塔克和史蒂夫·罗杰斯需要摒弃前嫌，重组复仇者联盟，并与蜘蛛侠、奇异博士、银河护卫队、黑豹以及瓦坎达人民的力量一同作战。</p>
				<!-- <div class="info">Posted by Admin | December 01, 2012 | 01 Commnets <div class="more"><a class="button" href="#">Read more</a></div></div> -->
			</div>
		</article>
	</div>
	<div id="sidebar" class="col-right">
		<section>
			<div class="heading"><h2>网页作者</h2></div>
			<div class="content">
				<a href="http://www.cssmoban.com" target="_blank"><img src="images/avenger.jpg"/></a>
				<p>姓名：宋砚</p>
				<p>学号：20167028</p>
				<p>班级序列号：电子商务160101</p>
			</div>
		</section>
		<section>
			<div class="heading"><h2>相关链接</h2></div>
			<div class="content">
				<ul>
					<li><a href="#"><a href="https://baike.baidu.com/item/%E5%A4%8D%E4%BB%87%E8%80%85%E8%81%94%E7%9B%9F/391050?fr=aladdin" target="_blank">复联详细介绍</a></li>
					<li><a href="#"><a href="https://baike.baidu.com/tashuo/browse/content?id=d44f4524bf4656abe3205c58&lemmaId=3706007&lemmaId=3706007&fr=qingtian" target="_blank">时间线</a></li>
					<li><a href="#"><a href="https://www.douban.com/doulist/49244752/" target="_blank">分支电影</a></li>
					<li><a href="#"><a href="https://baike.baidu.com/item/%E6%BC%AB%E5%A8%81%E7%94%B5%E5%BD%B1%E5%AE%87%E5%AE%99/3706007?fr=aladdin" target="_blank">漫威电影宇宙</a></li>
					<li><a href="#"><a href="https://baike.baidu.com/item/%E6%BC%AB%E5%A8%81/1552730?fr=aladdin" target="_blank">关于漫威</a></li>
				</ul>
			</div>
		</section>
		<section>
			<div class="heading"><h2>复仇者联盟部分成员</h2></div>
			<div class="content">
				<div class="post">
					<img src="images/thumb1.jpg"/>
					<h4><a href="#">雷神托尔</a></h4>
				</div>
				<div class="post">
					<img src="images/thumb2.jpg"/>
					<h4><a href="#">钢铁侠</a></h4>
				</div>
				<div class="post">
					<img src="images/thumb3.jpg"/>
					<h4><a href="#">黑寡妇</a></h4>
				</div>
				<div class="post">
					<img src="images/thumb4.jpg"/>
					<h4><a href="#">鹰眼</a></h4>
				</div>
			</div>
		</section>
	</div>
	<div class="clear"></div>
</section>
<!--------------Footer--------------->
<footer>
	<div class="wrap-footer">
		<p>20167028 宋砚</p>
	</div>
</footer>
</body></html>